/*
 * @Author: zhangfeng
 * @Date: 2023-11-30 10:46:33
 * @LastEditTime: 2024-01-12 11:29:33
 * @LastEditors: zhangfeng
 * @Description:
 * @FilePath: \manager\managersystem\src\main.ts
 * © 2023 张峰，All rights reserved.
 */
import { createApp } from 'vue';

import ElementPlus from 'element-plus';
// import './styles/theme.scss'
// import 'element-plus/theme-chalk/dark/css-vars.css'
import 'element-plus/dist/index.css';
import { createPinia } from 'pinia';
import './style.css';
import App from './App.vue';
import router from './router/index';
import { globalInjectSymbol, globalProvider } from './utils/symbolKey';
import './permission';
import { loadDirectives } from './directives';

import VueMarkdownEditor from '@kangc/v-md-editor';
import '@kangc/v-md-editor/lib/style/base-editor.css';
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
import '@kangc/v-md-editor/lib/theme/style/vuepress.css';

import Prism from 'prismjs';

VueMarkdownEditor.use(vuepressTheme, {
	Prism,
});

const app = createApp(App);

loadDirectives(app);

app.provide(globalInjectSymbol, globalProvider);

const pinia = createPinia();
app
	.use(ElementPlus)
	.use(VueMarkdownEditor)
	.use(pinia)
	.use(router)
	.mount('#app');
